(function() {
	
		/**
		 * 基础不好的童鞋直接看全国案例就好，其实都没事两样
		 */
		
		echartsMap("../static/ksh/json/Shanghai.json",'json/baoshanqu.json','json/baoshanqu.json','宝山','宝山');
		
	
})();
		
	//省
		function echartsMap (province1,province2,province3,city,area) {
			let option = {
	
		        tooltip: {
		            trigger: 'item',
		            formatter: '经销商：100'
		        },
		        series: [{
		        	type: 'map',
		        	//这里的“map”值需要与下面的“echarts.registerMap”值对应
		          	map: 'guangdong',
		          	zoom: 1.15,
		          	roam: false,
		          	label: {
		            	normal: {
		              		show: true,
		              		 color: "#fff"
		            	},
			             emphasis: {
					          show: true,
					          color: "#fff"
					        }
		          	},
		          	layoutSize: '80%',
		          	itemStyle: {
			            normal: {
					          areaColor: "rgba(43, 196, 243, 0.42)",
					          borderColor: "rgba(43, 196, 243, 1)",
					          borderWidth: 1,

					        },
					        emphasis: {
					          areaColor: "#2B91B7"
					          
					        },
		          	},
		          	//需要在地图上显示的数据（案例只写省会，其它城市按格式复制粘贴就好）
		          	data: [{name: city, value: 20057},],
		          	nameMap: {}
		        }]
			};
			//引入你需要绘画的地图json
			$.get(province1, function(geoJson) {
				//这里的“guangdong”需要与上面的“map”值对应
				echarts.registerMap('shanghai', geoJson);
				let myEcharts = echarts.init(document.getElementById("echartsMap"));
				myEcharts.setOption(option);
				window.addEventListener('resize', () => {
					myEcharts.resize();
				});
				
			});
		};
		
		//市
		function echartsCity (province2,province3,area) {
			let option = {
				visualMap: {
					min: 0,
		          	max: 1000,
		          	right: '3%',
		          	text: ['High', 'Low'],
		          	realtime: false,
		          	calculable: true,
		          	inRange: {
		            	color: ['lightskyblue', 'yellow', 'orangered']
		          	}
		        },
		        tooltip: {
		            trigger: 'item',
		            formatter: '{b}<br/>{c} (p / km2)'
		        },
		        series: [{
		        	type: 'map',
		        	//这里的“map”值需要与下面的“echarts.registerMap”值对应
		          	map: 'guangzhoushi',
		          	zoom: 1.28,
		          	roam: false,
		          	label: {
		            	normal: {
		              		show: true
		            	},
			            emphasis: {
			              	show: true
			            }
		          	},
		          	layoutSize: '80%',
		          	itemStyle: {
			            normal: {
			            	areaColor: "#8ED1EB",//改变地图里面的颜色
			              	color:"#FFF",
			              	label: {
			              		show: true
			              	}
			            },
		          	},
		          	//需要在地图上显示的数据（案例只写省会，其它城市按格式复制粘贴就好）
		          	data: [{name: area, value: 20057},],
		          	nameMap: {}
		        }]
			};
			//引入你需要绘画的地图json
			$.get(province2, function(geoJson) {
				//这里的“guangdong”需要与上面的“map”值对应
				echarts.registerMap('guangzhoushi', geoJson);
				let myEcharts = echarts.init(document.getElementById("echartsCity"));
				myEcharts.setOption(option);
				window.addEventListener('resize', () => {
					myEcharts.resize();
				});
				echartsArea (province3,area);
			});
		};
		
		//区
		function echartsArea (province3,area) {
			let option = {
				visualMap: {
					min: 0,
		          	max: 1000,
		          	right: '3%',
		          	text: ['High', 'Low'],
		          	realtime: false,
		          	calculable: true,
		          	inRange: {
		            	color: ['lightskyblue', 'yellow', 'orangered']
		          	}
		        },
		        tooltip: {
		            trigger: 'item',
		            formatter: '{b}<br/>{c} (p / km2)'
		        },
		        series: [{
		        	type: 'map',
		        	//这里的“map”值需要与下面的“echarts.registerMap”值对应
		          	map: 'tianhequ',
		          	zoom: 1.28,
		          	roam: false,
		          	label: {
		            	normal: {
		              		show: true
		            	},
			            emphasis: {
			              	show: true
			            }
		          	},
		          	layoutSize: '80%',
		          	itemStyle: {
			            normal: {
			            	areaColor: "#8ED1EB",//改变地图里面的颜色
			              	color:"#FFF",
			              	label: {
			              		show: true
			              	}
			            },
		          	},
		          	//需要在地图上显示的数据（案例只写省会，其它城市按格式复制粘贴就好）
		          	data: [{name: area, value: 20057},],
		          	nameMap: {}
		        }]
			};
			//引入你需要绘画的地图json
			$.get(province3, function(geoJson) {
				//这里的“guangdong”需要与上面的“map”值对应
				echarts.registerMap('tianhequ', geoJson);
				let myEcharts = echarts.init(document.getElementById("echartsArea"));
				myEcharts.setOption(option);
				window.addEventListener('resize', () => {
					myEcharts.resize();
				});
			});
		};
		

		
		//全国
		function echartsCountry () {
			let option = {
				visualMap: {
					min: 0,
		          	max: 1000,
		          	right: '3%',
		          	text: ['High', 'Low'],
		          	realtime: false,
		          	calculable: true,
		          	inRange: {
		            	color: ['lightskyblue', 'yellow', 'orangered']
		          	}
		        },
		        tooltip: {
		            trigger: 'item',
		            formatter: '{b}<br/>{c} (p / km2)'
		        },
		        series: [{
		        	type: 'map',
		        	//这里的“map”值需要与下面的“echarts.registerMap”值对应
		          	map: 'zhongguo',
		          	zoom: 1.28,
		          	roam: false,
		          	label: {
		            	normal: {
		              		show: true
		            	},
			            emphasis: {
			              	show: true
			            }
		          	},
		          	layoutSize: '80%',
		          	itemStyle: {
			            normal: {
			            	areaColor: "#8ED1EB",//改变地图里面的颜色
			              	color:"#FFF",
			              	label: {
			              		show: true
			              	}
			            },
		          	},
		          	//需要在地图上显示的数据（案例只写省会，其它城市按格式复制粘贴就好）
		          	data: [{name: "湖南省", value: 20057},],
		          	nameMap: {}
		        }]
			};
			//引入你需要绘画的地图json
			$.get('json/zhongguo.json', function(geoJson) {
				//这里的“guangdong”需要与上面的“map”值对应
				echarts.registerMap('zhongguo', geoJson);
				let myEcharts = echarts.init(document.getElementById("echartsCountry"));
				myEcharts.setOption(option);
				window.addEventListener('resize', () => {
					myEcharts.resize();
				});
			});
		};